//
// function cambiar_login() {
//   document.querySelector('.cont_forms').className = "cont_forms cont_forms_active_login";
// document.querySelector('.cont_form_login').style.display = "block";
// document.querySelector('.cont_form_sign_up').style.opacity = "0";
//
//
// setTimeout(function(){  document.querySelector('.cont_form_login').style.opacity = "1"; },400);
//
// setTimeout(function(){
// document.querySelector('.cont_form_sign_up').style.display = "none";
// },200);
//   }
//
//
//
//
// function cambiar_sign_up(at) {
//   document.querySelector('.cont_forms').className = "cont_forms cont_forms_active_sign_up";
//   document.querySelector('.cont_form_sign_up').style.display = "block";
// document.querySelector('.cont_form_login').style.opacity = "0";
//
// setTimeout(function(){  document.querySelector('.cont_form_sign_up').style.opacity = "1";
// },100);
//
// setTimeout(function(){   document.querySelector('.cont_form_login').style.display = "none";
// },400);
//
//
// }
//
//
//
// function ocultar_login_sign_up() {
//
// document.querySelector('.cont_forms').className = "cont_forms";
// document.querySelector('.cont_form_sign_up').style.opacity = "0";
// document.querySelector('.cont_form_login').style.opacity = "0";
//
// setTimeout(function(){
// document.querySelector('.cont_form_sign_up').style.display = "none";
// document.querySelector('.cont_form_login').style.display = "none";
// },500);
//
//   }

var vm = new Vue({
    el: '#app',
    data: {
        host: host,
        username: '',
        password: '',
        remember: false
    },
    methods: {
        // 获取url路径参数
        get_query_string: function(name){
            var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
            var r = window.location.search.substr(1).match(reg);
            if (r != null) {
                return decodeURI(r[2]);
            }
            return null;
        },


        // 表单提交
        on_submit_login: function(){

            if (this.error_username == false && this.error_pwd == false) {
                axios.post(this.host+'/authorizations/', {
                        username: this.username,
                        password: this.password
                    }, {
                        responseType: 'json',
                        withCredentials: true
                    })
                    .then(response => {
                        // 使用浏览器本地存储保存token
                        if (this.remember) {
                            // 记住登录
                            sessionStorage.clear();
                            localStorage.token = response.data.token;
                            localStorage.user_id = response.data.user_id;
                            localStorage.username = response.data.username;
                        } else {
                            // 未记住登录
                            localStorage.clear();
                            sessionStorage.token = response.data.token;
                            sessionStorage.user_id = response.data.user_id;
                            sessionStorage.username = response.data.username;
                        }

                        // 跳转页面
                        var return_url = this.get_query_string('next');
                        if (!return_url) {
                            return_url = '/index.html';
                        }
                        location.href = return_url;
                    })
                    .catch(error => {
                        alert(error.response.data)
                    })
            }
        },
        // qq登录
        // qq_login: function(){
        //     var next = this.get_query_string('next') || '/';
        //     axios.get(this.host + '/oauth/qq/authorization/?next=' + next, {
        //             responseType: 'json'
        //         })
        //         .then(response => {
        //             location.href = response.data.login_url;
        //         })
        //         .catch(error => {
        //             console.log(error.response.data);
        //         })
        // }
    }
});